<template>
  <div>
    <van-nav-bar class="head">
      <div slot="title" style="color:#fff; font-size:18px;font-weight: bolder">新闻列表</div>
    </van-nav-bar>

    <div class="fx" style="padding:10px;">
      <div class="redBlock"></div>
      <span>今日看点</span>
    </div>
    <van-list :finished="true" finished-text="没有更多了">

      <div v-for="(item,index) in []" :key="index">
        <div class="fxc" style="text-align: left; padding:5px;">
          <span style="margin: 0 10px;">{{index + "." + item.title}}</span>
          <van-divider :style="{ color: '#1989fa', borderColor: '#ddd', padding: '0 0px' }" />
        </div>
      </div>
    </van-list>
  </div>
</template>

<script>
import http from "../plugins/request";

export default {
  name: "Index",
  data() {
    return {
      list: []
    };
  },

  mounted() {

  }
};
</script>

<style scoped>
.head {
  background-image: linear-gradient(to right, #ff6666, #cc3d3d);
}
.redBlock {
  background: #ff6666;
  height: 20px;
  width: 5px;
  margin-right: 10px;

}
</style>

